.vvh8{
  height: 12vh;
  background-color: chartreuse;
}
.ye1{
  height: 6vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15;
  background-color: cornflowerblue;
}
.ye1 .ye11{
  font-size: 5vw;
}
.ye12{
  width: 20vw;
  height: 4vh;
  border-radius: 2vh;
  border:1px solid rgba(0, 0, 0, 0.76);
}
.ye12 span{
  line-height: 3vh;
}
.ye13 img{
  height: 60%;
  vertical-align: middle;
}

.ye2{
  width: 100%;
  height: 8vh;
  position: fixed;
  top: 6vh;
  left: 0;
  z-index: 10;
  background-color: rgb(255, 222, 173);
}
.ye21 input{
  width: 18vw;
  height: 4vh;
}
.ye211{
  width: 12vw;
  height: 12vw;
  background-color: rgb(202, 202, 236);
  margin-left: -15px;
  border-radius: 6vw;
  overflow: hidden;
  position: relative;
  top:1vw;
  left:4vw;
}
.ye211 img{
  width: 100%;
}

.ye3{

  background-color: rgb(250, 235, 213);
  padding-top: 2vh;
  padding-bottom: 2vh;
}
.ye32{
  height: 5vh;
  line-height: 5vh;
  border:1px solid blueviolet;
  border-radius: 3vh;
  /* margin:1vw; */
}
.ye4{
  background-color: rgb(173, 170, 165);
  padding-top: 2vh;
  padding-bottom: 10vh;
  overflow: scroll;
}
.ye41{
  height: 20vh;
  background-color: rgb(235, 152, 28);
  padding-top: 2vh;
  padding-bottom: 1vh;
  margin-bottom: 2vh;
}

.ye5{
  background-color: coral;
  padding-top: 2vh;
  padding-bottom: 10vh;
}
.ye51{
  height: 150px;
  border: 0.5vw solid blueviolet;
  margin: 1vw;
}



/*  */
.dibu{
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: rgb(238, 222, 203);
  font-size: 4vw;

  height: 10vh;
  text-align: center;
}
.di1 div img{
  width: 40%;
  display: block;
  margin:auto;
}